<template>
  <div style="background-color: #EFF1F4;">
    <el-row>
      <el-col :span="7"><div>
        <el-row>
          <el-col :span="24"><div><icon ref="icon"></icon></div></el-col>
          <el-col :span="24"><div><icon1 ref="icon1"></icon1></div></el-col>
        </el-row>
      </div></el-col>
      <el-col :span="16"><div><brokenline ref="brokenline"></brokenline></div></el-col>
    </el-row>
    <el-row>
          <el-col :span="7"><div><bingtu ref="bingtu"></bingtu></div></el-col>
          <el-col :span="14"><div><brokenline1 ref="brokenline1"></brokenline1></div></el-col>
    </el-row>
  </div>
</template>

<script>
import icon from '../dashboard/compents/icon'
import icon1 from '../dashboard/compents/icon1'
import brokenline from '../dashboard/compents/brokenline'
import brokenline1 from '../dashboard/compents/brokenline1'
import bingtu from '@/views/dashboard/compents/bingtu'
// import bingtu1 from '@/views/dashboard/compents/bingtu1'
export default {

      data() {
        return {
          items: [{}]
        }
      },

      created() {
        this.getdata()
      },

      methods: {
        getdata(){
          this.$request({
              url: '/home/getHome',
              method: 'get'
          }).then(res => {
              if (res.success){
                 this.$refs.bingtu.Draw(res.data)
                 this.$refs.brokenline1.Draw(res.data.orderPrices)
                 this.$refs.brokenline.Draw(res.data.orderNums)
                 this.$refs.icon.number = res.data.goodNum
                 this.$refs.icon1.number = res.data.unSend
              }
              
          })
        }
       
      },

     components:{
       icon,
       icon1,
       brokenline,
       brokenline1,
       bingtu,
      //  bingtu1
     }
}
</script>

<style >

</style>
